<!DOCTYPE html>
<html>
<head>
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
    <link rel="stylesheet" type="text/css" href="../../css/framework7.min.css">
    <link rel="stylesheet" type="text/css" href="../../css/framework7-icons.css">
    <link rel="stylesheet" type="text/css" href="../../css/vote/votedetail.css">
    <title>主页</title>
</head>

<body>
    <div id="app">
        <div class="view">
            <div id="method2" style="background-color:white;height: 100%;width: 100%;">
                <div id="top">
                    <div id="backimg"></div><p id="title">项目详情</p>
                </div>
                <div id="page-content" >
                    <div id="bumen">
                        <img src="../../img/bumen.png" style="float: left;"/>&nbsp; 项目情况
                    </div>
                    <div id="detail">
                        <table id="detailtb">
                            <tr>
                                <td class="lables">项目名称</td>
                                <td class="values"><input style="border: 1px solid gainsboro;" id="xmmc" type="text" readonly/></td>
                            </tr>
                            <tr>
                                <td class="lables">费用预算</td>
                                <td class="values"><input style="border: 1px solid gainsboro;" id="applyamount" type="text" readonly/></td>
                            </tr>
                            <tr>
                                <td class="lables">面积总数</td>
                                <td class="values"><input style="border: 1px solid gainsboro;" id="area_sum" type="text" readonly/></td>
                            </tr>
                            <tr>
                                <td class="lables">涉及户数</td>
                                <td class="values"><input style="border: 1px solid gainsboro;" id="housecount" type="text" readonly/></td>
                            </tr>
                            <tr>
                                <td class="lables">项目描述</td>
                                <td class="text-values"><textarea id="description" style="border: 1px solid gainsboro;width: 100%;height: 80px;" readonly></textarea></td>
                            </tr>
                            <tr>
                                <td class="lables">发起单位</td>
                                <td class="values"><input style="border: 1px solid gainsboro;" id="unitname" type="text" readonly/></td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div id="pqcount">
                    <img src="../../img/piaoquan.png" style="float: left;"/>&nbsp; 票权统计
                </div>
                <div id="div-table">
                    <table id="counttb">
                        <tr>
                            <td class="counts">选项</td>
                            <td class="counts">户数</td>
                            <td class="counts">比例%</td>
                            <td class="counts">面积</td>
                            <td class="counts">比例%</td>
                        </tr>
                        <tr>
                            <td class="counts">同意</td>
                            <td class="counts" id="yhouse">0</td>
                            <td class="counts" id="yhouserate">0</td>
                            <td class="counts" id="yarea">0</td>
                            <td class="counts" id="yareatate">0</td>
                        </tr>
                        <tr>
                            <td class="counts">反对</td>
                            <td class="counts" id="nhouse">0</td>
                            <td class="counts" id="nhouserate">0</td>
                            <td class="counts" id="narea">0</td>
                            <td class="counts" id="nareatate">0</td>
                        </tr>
                        <tr>
                            <td class="counts">弃权</td>
                            <td class="counts" id="ihouse">0</td>
                            <td class="counts" id="ihouserate">0</td>
                            <td class="counts" id="iarea">0</td>
                            <td class="counts" id="iareatate">0</td>
                        </tr>
                        <tr>
                            <td class="counts">未投票</td>
                            <td class="counts" id="ohouse">0</td>
                            <td class="counts" id="ohouserate">0</td>
                            <td class="counts" id="oarea">0</td>
                            <td class="counts" id="oareatate">0</td>
                        </tr>
                    </table>
                    <form action="" style="margin-top: 10px;">
                        <div class="row no-gutter" style="margin-top: 20px;width: 90%;margin: 0 auto;">
                            <div class="col-60" style="text-align: left;">
                                <label class="item-checkbox item-content">
                                    <input id="isread" type="checkbox" name="demo-checkbox"/>
                                    <i class="icon icon-checkbox"></i>
                                    <div class="item-inner">
                                        <div class="item-title">是否已阅读</div>
                                    </div>
                                </label>
                                <!--<input type="checkbox" name="isread" id="isread" style="zoom:200%;">-->
                            </div>
                            <div class="col-40" style="text-align: right;"><a id="housedetail" href="javascript:void(0)" style="color: #44b7fb;text-decoration:underline;">查看业主明细</a></div>
                        </div>
                    </form>
                </div>
                <div id="btnimg"></div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="../../cordova.js"></script>
    <script type="text/javascript" src="../../js/pub/framework7.min.js"></script>
    <script type="text/javascript" src="../../js/pub/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="../../js/pub/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../../js/pub/constants.js"></script>
    <script type="text/javascript" src="../../js/pub/pubfunction.js"></script>
    <script type="text/javascript" src="../../js/plugin/vote/votedetail.js"></script>
</body>

</html>